﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="widtd=device-widtd, initial-scale=1.0">
    <title>资源台帐平台</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link rel="shortcut icon" href="favicon.ico">
    <link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="css/font-awesome.css?v=4.4.0" rel="stylesheet">
    <link href="css/animate.css" rel="stylesheet">
    <link href="css/style.css?v=4.1.0" rel="stylesheet">
    <link href="css/plugins/jsTree/style.min.css" rel="stylesheet">
    <!-- Sweet Alert -->
    <link href="css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
    <link href="css/plugins/datapicker/datepicker3.css" rel="stylesheet">
    <!-- custom -->
    <link href="css/add-style.css" rel="stylesheet">
</head>
<body class="gray-bg">
    <div class="wrapper wrapper-content  animated fadeInRight">
        <div class="row">
            <div id="part1" class="col-sm-2">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>组织机构</h5>
                    </div>
                    <div class="ibox-content">
                        <!--<div class="input-group">
                            <input type="text" placeholder="查找分类" class="input form-control input-sm">
                            <span class="input-group-btn">
                                <button type="button" class="btn btn btn-success btn-sm"><i class="fa fa-search"></i>&nbsp;搜索</button>
                            </span>
                        </div>-->
                        <div id="jstree2" style="margin: 10px 0 0 -10px;">
                            <ul>
                                <li class="jstree-open">
                                    富力物业服务集团
                                    <ul>
                                        <li class="jstree-open" data-jstree='{"type":"icon"}'>
                                            北京公司
                                            <ul>
                                                <li data-jstree='{"type":"son"}'>北京富力家园</li>
                                                <li data-jstree='{"type":"son"}'>北京富力新城</li>
                                                <li data-jstree='{"type":"son"}'>北京富力中心</li>
                                            </ul>
                                        </li>
                                        <li class="jstree-open" data-jstree='{"type":"icon"}'>
                                            广州公司
                                            <ul>
                                                <li data-jstree='{"type":"son"}'>广州东山新天地</li>
                                                <li data-jstree='{"type":"son"}'>广州皇上皇</li>
                                                <li data-jstree='{"type":"son"}'>广州东堤湾服</li>
                                            </ul>
                                        </li>

                                        <li class="jstree-open" data-jstree='{"type":"icon"}'>
                                            天津公司
                                            <ul>
                                                <li data-jstree='{"type":"son"}'>天津富力中心</li>
                                                <li data-jstree='{"type":"son"}'>天津合安园</li>
                                                <li data-jstree='{"type":"son"}'>天津合力园</li>
                                            </ul>
                                        </li>

                                    </ul>
                                </li>
                                <!--<li>
                                    地产总仓库

                                    <ul>
                                        <li data-jstree='{"type":"icon"}'>
                                            双子座仓库

                                            <ul>
                                                <li data-jstree='{"type":"son"}'>办公用品</li>
                                                <li data-jstree='{"type":"son"}'>安保用品</li>
                                                <li data-jstree='{"type":"son"}'>文具</li>
                                            </ul>
                                        </li>
                                        <li data-jstree='{"type":"icon"}'>
                                            富力中心仓库
                                            <ul>
                                                <li data-jstree='{"type":"son"}'>办公用品</li>
                                                <li data-jstree='{"type":"son"}'>安保用品</li>
                                                <li data-jstree='{"type":"son"}'>文具</li>
                                            </ul>
                                        </li>
                                        <li data-jstree='{"type":"icon"}'>
                                            天鹅湾仓库

                                            <ul>
                                                <li data-jstree='{"type":"son"}'>办公用品</li>
                                                <li data-jstree='{"type":"son"}'>安保用品</li>
                                                <li data-jstree='{"type":"son"}'>文具</li>
                                            </ul>
                                        </li>
                                    </ul>
                                </li>-->
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-10">
                <div class="ibox float-e-margins">
                    <div class="tabs-container">
                        <ul class="nav nav-tabs" id="myTab">
                            
                            <li class="active">
                                <a data-toggle="tab" href="#tab-1"><i class="fa fa-user"></i>社商台帐列表</a>
                            </li>
                            <li class="">
                                <a data-toggle="tab" href="#tab-2"><i class="fa fa-user"></i>社商台帐添加</a>
                            </li>
                        </ul>
                        <div class="panel-body no-top-border">
                            <div class="tab-content">
                                <div id="tab-1" class="tab-pane active">

                                    <div class="form-group">
                                        <div class="row">
                                            <div class="col-sm-9 col-sm-offset-3">
                                                <div class="input-group form-group-sm pull-left">
                                                    <input type="text" placeholder="可输入项目名称（支持模糊查询和拼音首字母查询）" class="input form-control" />
                                                    <span class="input-group-btn">
                                                        <button type="button" class="btn btn-success btn-sm"><i class="fa fa-search"></i>&nbsp;搜索</button>
                                                        <!--<a data-toggle="modal" href="buildings.html#modal-create" class="btn btn-success btn-sm" style="margin-left: 10px;"><i class="fa fa-plus"></i>&nbsp;创建项目 </a>-->
                                                        <a data-toggle="modal" href="buildings.html#modal-import" class="btn btn-success btn-sm" style="margin-left: 10px;"><i class="fa fa-inr"></i>&nbsp;导入 </a>
                                                        <a href="attachment/quality/《北京公司08月物业工作月报》（9.12）.xlsx" class="btn btn-success btn-sm" style="margin-left: 10px;"><i class="fa fa-inr"></i>&nbsp;导出 </a>
                                                        <a data-toggle="modal" href="buildings.html#modal-remark" class="btn btn-danger btn-sm" style="margin-left: 10px;"><i class="fa fa-dollar"></i> &nbsp;功能说明 </a>
                                                    </span>
                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                    <table class="table table-border0">
                                        <tr>
                                            <td class="client-link text-right">资源类别：</td>
                                            <td>
                                                <select data-placeholder="选择项目属性" class="chosen-select form-control w200" tabindex="2">
                                                    <option value="" selected="selected">选择资源类别</option>
                                                    <option value="110000" hassubinfo="true">电梯</option>
                                                    <option value="120000" hassubinfo="true">广告</option>
                                                    <option value="120000" hassubinfo="true">场地</option>
                                                    <option value="120000" hassubinfo="true">其他</option>
                                                </select>
                                            </td>
                                            <td class="client-link text-right">资源名称：</td>
                                            <td>
                                                <input id="hello" class="laydate-icon form-control input-sm layer-date" value="">
                                            </td>
                                        </tr>

                                    </table>

                                    <table class="table table-bordered">
                                        <thead>
                                            <tr>
                                                <th>资源类别</th>
                                                <th>公司名称</th>
                                                <th>项目名称</th>                                               
                                                <th>资源名称</th>
                                                <th>位置或形式</th>
                                                <th>数量</th>
                                                <th>规格型号</th>
                                                <th>使用中</th>
                                                <th>未使用</th>
                                                <th>操作</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td><span class="label label-danger">电梯</span></td>
                                                <td>北京公司</td>
                                                <td><a href="#" onclick="tabActive();">北京富丽家园</a></td>
                                                <td>电梯</td>
                                                <td></td>
                                                <td>30台</td>
                                                <td>3800*1200CM</td>
                                                <td>38</td>
                                                <td>0</td>
                                                <td>
                                                    <div class="btn-group">
                                                        <a href="#" onclick="tabActive();" class="text-warning">修改</a>&nbsp;&nbsp;&nbsp;&nbsp;
                                                        <a href="javascript:;" class="text-danger demo4">删除</a>
                                                    </div>

                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    <div class="text-right">
                                        <ul class="pagination">
                                            <li><a href="#">&laquo;</a></li>
                                            <li><a href="#">1</a></li>
                                            <li><a href="#">2</a></li>
                                            <li><a href="#">3</a></li>
                                            <li><a href="#">4</a></li>
                                            <li><a href="#">5</a></li>
                                            <li><a href="#">&raquo;</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div id="tab-2" class="tab-pane">
                                    <table class="table table-hover table-border0">
                                        <tbody>
                                            <tr>
                                                <td class="client-link" style="width: 11%;">所属项目：</td>
                                                <td>
                                                    <a data-toggle="modal" href="charge_office.html#modal-selectcustomer" class="btn btn-primary btn-sm m-b"><i class="fa fa-check-square-o"></i>&nbsp;选择所属项目 </a>默认当前登录人所在公司，可以修改。点击后弹出组织机构选择树界面（只显示集团-公司-项目3级，必须选择项目级）
                                                </td>
                                            </tr>
                                            
                                            <tr>
                                                <td class="client-link" >资源类型：</td>
                                                <td>
                                                    <select class="select-inline">
                                                        <option value="">电梯</option>
                                                        <option value="1">广告类</option>
                                                        <option value="">场地类</option>
                                                        <option value="1">其他</option>
                                                    </select>
                                                </td>
                                               
                                            </tr>
                                            <tr>
                                                <td class="client-link">资源名称：</td>
                                                <td>
                                                    <input type="text" class="form-control input-sm input-group" style="width: 288px;" placeholder="" value="">
                                                </td>
                                            </tr>
                                            
                                            <tr>
                                                <td class="client-link" >位置或形式：</td>
                                                <td>
                                                    <input type="text" class="form-control input-sm input-group" style="width: 288px;" placeholder="" value="">
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="client-link">数量：</td>
                                                <td>
                                                    <input id="hello" class="laydate-icon form-control input-sm layer-date" style="width: 88px;" value="">
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="client-link">单位：</td>
                                                <td>
                                                    <select class="select-inline">
                                                        <option value="">台</option>
                                                        <option value="1">个</option>
                                                        <option value="">份</option>
                                                        <option value="1">其他</option>
                                                    </select>
                                                </td>

                                            </tr>
                                            <tr>
                                                <td class="client-link">规格型号：</td>
                                                <td>
                                                    <input id="hello" class="laydate-icon form-control input-sm layer-date" style="width: 288px;" value="">
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="client-link">资源所在位置：</td>
                                                <td>
                                                    <input id="hello" class="laydate-icon form-control input-sm layer-date" style="width: 288px;" value="">
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="client-link">现场照片：</td>
                                                <td>
                                                    <div class="photos">
                                                        <img alt="image" style="width: 300px; height: 300px;" src="img/fc.png">
                                                    </div>
                                                </td>
                                            </tr>
                                            
                                            <tr>
                                                <td class="client-link">使用中：</td>
                                                <td>
                                                    <input id="hello" class="laydate-icon form-control input-sm layer-date" style="width: 88px;" value="">
                                                    <span>*数字类型</span>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="client-link">未使用：</td>
                                                <td>
                                                    <input id="hello" class="laydate-icon form-control input-sm layer-date" style="width: 88px;" value="">
                                                    <span>*数字类型</span>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="client-link">说明：</td>
                                                <td>
                                                    <input id="hello" class="laydate-icon form-control input-sm layer-date" style="width: 588px;" value="">
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="client-link">合同编号：</td>
                                                <td>
                                                    <input id="hello" class="laydate-icon form-control input-sm layer-date" style="width: 288px;" value="">
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="client-link">合同名称：</td>
                                                <td>
                                                    <input id="hello" class="laydate-icon form-control input-sm layer-date" style="width: 288px;" value="">
                                                    <span>或输入请示报告名称</span>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="client-link">合作方：</td>
                                                <td>
                                                    <input id="hello" class="laydate-icon form-control input-sm layer-date" style="width: 288px;" value="">
                                                    <span>或输入请示报告名称</span>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="client-link">付款承诺：</td>
                                                <td>
                                                    <input id="hello" class="laydate-icon form-control input-sm layer-date" style="width: 288px;" value="">
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="client-link">数量：</td>
                                                <td>
                                                    <input id="hello" class="laydate-icon form-control input-sm layer-date" style="width: 88px;" value="">
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="client-link">单价：</td>
                                                <td>
                                                    <input id="hello" class="laydate-icon form-control input-sm layer-date" style="width: 88px;" value="">
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="client-link">合同起止日期：</td>
                                                <td>
                                                    <input class="laydate-icon form-control layer-date" placeholder="YYYY-MM-DD" value="2015-04-01" style="width:108px;" onclick="laydate({ istime: false, format: 'YYYY-MM-DD' })">-
                                                    <input class="laydate-icon form-control layer-date" placeholder="YYYY-MM-DD" value="2015-04-01" style="width:108px;" onclick="laydate({ istime: false, format: 'YYYY-MM-DD' })">
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="client-link">总金额：</td>
                                                <td>
                                                    <input id="hello" class="laydate-icon form-control input-sm layer-date" style="width: 88px;" value="">
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="client-link">待收款：</td>
                                                <td>
                                                    <input id="hello" class="laydate-icon form-control input-sm layer-date" style="width: 88px;" value="">
                                                </td>
                                            </tr>

                                            <tr>
                                                <td class="client-link">本年应收月数：</td>
                                                <td>
                                                    <input id="hello" class="laydate-icon form-control input-sm layer-date" style="width: 88px;" value="">
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="client-link">本年应收金额：</td>
                                                <td>
                                                    <input id="hello" class="laydate-icon form-control input-sm layer-date" style="width: 88px;" value="">
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="client-link">已收款：</td>
                                                <td>
                                                    <input id="hello" class="laydate-icon form-control input-sm layer-date" style="width: 88px;" value="">
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="client-link">未收款：</td>
                                                <td>
                                                    <input id="hello" class="laydate-icon form-control input-sm layer-date" style="width: 88px;" value="">
                                                </td>
                                            </tr>
                                            
                                            <tr>
                                                <td class="client-link" >备注：</td>
                                                <td>
                                                    <input id="hello" class="laydate-icon form-control input-sm layer-date" style="width: 588px;" value="">
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="client-link"></td>
                                                <td>
                                                    <button type="button" class="btn btn-success btn-sm" onclick="tabActive1();"><i class="fa fa-arrow-up"></i>&nbsp;返回</button>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--开发提示文字Start-->
    <div id="modal-remark" class="modal fade" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-body">
                    <div class="well well-lg">
                        <h3>
                            页面操作说明：
                        </h3>
                        <ol>
                            <li>点击左侧组织机构树节点后，右侧动态加载对应的项目；如：选择北京公司右侧加载北京所有的项目</li>
                            <li>点击“修改项目”按钮，打开修改项目基础信息页面</li>
                            <li>点击界面中项目信息文字，打开查看项目基础信息页面</li>
                        </ol>
                        <h3>
                            导入规则说明：
                        </h3>
                        <ol>
                            <li>导入时根据公司名称+项目名称检查机构是否存在，如果存在则允许导入，否则提示错误原因：“机构“北京公司-北京富力运河十号”不存在请先创建机构信息”</li>
                            <li>导入时如果项目表中已经存在项目信息，在导入时更新数据，否则新增项目数据</li>
                        </ol>
                        <h3>
                            业务规则说明：
                        </h3>
                        <ol>
                            <li>会所、大型配套、入住重点企业等信息第一期只实现简单的记录，在第二期将进行扩展开发，届时会所信息将与会所系统自动对接。大型配套和入住重点企业需要进行详细列表维护以便于查询和开展商业活动。 </li>
                            <li>项目基础信息在导入时进行创建，基础信息在所有表格中通用。</li>
                            
                        </ol>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--/开发提示文字End-->

    <!--查看项目-->
    <div class="modal fade" id="modal-look" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog" style="width:1100px">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h5 class="modal-title">查看项目</h5>
                </div>
                <div class="modal-body">
                    <table class="detailsMain table table-bordered">
                        <tbody>
                            <tr>
                                <td colspan="6">
                                    <h5>项目基本信息</h5>
                                </td>
                            </tr>
                            <tr>
                                <th>公司名称：</th>
                                <td>北京公司</td>
                                <th>服务中心：</th>
                                <td>北京富力家园服务中心</td>
                                <th>项目名称：</th>
                                <td>北京富力家园</td>
                            </tr>
                            <tr>
                                <th>项目联系地址：</th>
                                <td colspan="5">北京市朝阳区东三环中路63号楼21层</td>
                            </tr>
                            <tr>
                                <th>项目联系电话：</th>
                                <td colspan="5">010-89250106 010-89250108</td>
                            </tr>

                            <!--<tr>
                                <th>项目图片：</th>
                                <td colspan="5">
                                    <img src="img/building02.jpg" onerror="tdis.src = 'img/building02.jpg'; tdis.onerror = null;" alt="describe">
                                </td>
                            </tr>-->
                            <tr>
                                <th>开发商公司名称：</th>
                                <td colspan="6">北京富力城房地产开发有限公司</td>
                            </tr>
                        </tbody>
                    </table>

                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                </div>
            </div>
        </div>
    </div>
    <!--/查看项目-->

    <!--导入项目信息-->
    <div class="modal fade" id="modal-import" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h5 class="modal-title">导入项目</h5>
                </div>
                <div class="modal-body">
                    <table class="table table-hover table-border0 form-group-sm">
                        <tbody>
                            <tr>
                                <td class="text-right">第1步,下载模板:</td>
                                <td colspan="3" width="80%">
                                    <a href="attachment/quality/《北京公司08月物业工作月报》（9.12）.xlsx" class="btn btn-primary btn-sm"><i class="fa fa-pencil"></i>&nbsp;下载模板 </a>
                                    提示：下载完成后根据模板要求进行数据填写
                                </td>

                            </tr>
                            <tr>
                                <td class="text-right">第2步,选择文件:</td>
                                <td colspan="3">
                                    您当前选择的文件为：《北京公司08月物业工作月报》（9.12）.xlsx
                                    <div class="filt_box">
                                        <button class="btn btn-success btn-sm"><i class="fa fa-arrow-up"></i>&nbsp;选择文件</button>
                                        <input type="file" class="upload-pic" name="picture" id="picture">
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td class="text-right">第3步,开始导入:</td>
                                <td colspan="3">
                                    <a href="#" class="btn btn-primary btn-sm"><i class="fa fa-pencil"></i>&nbsp;开始导入 </a>
                                </td>
                            </tr>
                            <tr>
                                <td class="text-right">第4步,查看结果:</td>
                                <td colspan="3">
                                    总行数：19 导入成功：10 失败：9 <br />
                                    失败数据及原因请下载文件：<a href="attachment/quality/《北京公司08月物业工作月报》（9.12）.xlsx">导入失败数据及原因.xlsx </a>

                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary demo2">确定</button>
                </div>
            </div>
        </div>
    </div>
    <!--/导入项目信息-->

    <!--创建项目-->
    <div class="modal fade" id="modal-create" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h5 class="modal-title">创建新项目</h5>
                </div>
                <div class="modal-body">
                    <table class="table table-hover table-border0 form-group-sm">
                        <tbody>
                            <tr>
                                <td colspan="4">
                                    <h5 style="padding: 10px; background: #f8f8f8;">项目基本信息</h5>
                                </td>
                            </tr>
                            <tr>
                                <td class="text-right">公司名称：</td>
                                <td>b129</td>
                                <td class="text-right">项目图片：</td>
                                <td>
                                    <div class="filt_box">
                                        <button class="btn btn-success btn-sm"><i class="fa fa-arrow-up"></i>&nbsp;上传图片</button>
                                        <input type="file" class="upload-pic" name="picture" id="picture">
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td class="text-right"><span class="text-danger">* </span>项目名称：</td>
                                <td><input type="text" class="form-control" value=""></td>
                                <td class="text-right">开盘时间：</td>
                                <td><input class="laydate-icon form-control layer-date" placeholder="YYYY-MM-DD hh:mm:ss" onclick="laydate({ istime: true, format: 'YYYY-MM-DD hh:mm:ss' })"></td>
                            </tr>
                            <tr>
                                <td class="text-right">占地面积：</td>
                                <td><div class="input-group"><input type="text" class="form-control"> <span class="input-group-addon">㎡</span></div></td>
                                <td class="text-right">建筑面积：</td>
                                <td><div class="input-group"><input type="text" class="form-control"> <span class="input-group-addon">㎡</span></div></td>
                            </tr>
                            <tr>
                                <td class="text-right">绿化面积：</td>
                                <td><div class="input-group"><input type="text" class="form-control"> <span class="input-group-addon">㎡</span></div></td>
                            </tr>
                            <tr>
                                <td class="text-right"><span class="text-danger">* </span>项目地址：</td>
                                <td colspan="3">
                                    <select class="select-inline">
                                        <option value="">请选择城市</option>
                                        <option value="1">北京</option>
                                        <option value="2">上海</option>
                                        <option value="3">广州</option>
                                        <option value="4">深圳</option>
                                        <option value="11">河北</option>
                                        <option value="12">天津</option>
                                        <option value="14">中山</option>
                                    </select>
                                    <select class="select-inline">
                                        <option value="">请选择区域</option>
                                    </select>
                                    <input type="text" class="form-control input-sm input-group" style="width:446px;" value="输入详细地址">
                                </td>
                            </tr>
                            <tr>
                                <td colspan="4">
                                    <h5 style="padding: 10px; background: #f8f8f8;">物业公司信息</h5>
                                </td>
                            </tr>
                            <tr>
                                <td class="text-right"><span class="text-danger">* </span>物业公司：</td>
                                <td>
                                    <select class="form-control">
                                        <option value="1" selected="">北京恒富物业服务有限公司</option>
                                    </select>
                                </td>
                                <td class="text-right"><span class="text-danger">* </span>管理处：</td>
                                <td>
                                    <select class="form-control">
                                        <option value="0">请选择</option>
                                        <option value="10" data-linkman="张凡荣" data-tel="010-58766899" data-address="北京市朝阳区广渠门外大街1号院A8楼地下1层">富力家园第一管理处</option>
                                        <option value="22" data-linkman="徐景松" data-tel="010-58766899" data-address="北京市朝阳区广渠门外大街5号院D23~D26楼地下1层">富力家园第二管理处</option>
                                        <option value="23" data-linkman="马建军" data-tel="010-58766899" data-address="北京市朝阳区东三环中路55号富力双子座B座1层">写字楼管理处</option>
                                        <option value="24" data-linkman="孔令萱" data-tel="010-58766899" data-address="北京市朝阳区广渠门外大街7号院E27楼地下二层">富力公馆管理处</option>
                                        <option value="25" data-linkman="唐瑞花" data-tel="010-58766899" data-address="北京市朝阳区白家庄路1号院A2楼E座地下2层">爱丁堡管理处</option>
                                        <option value="26" data-linkman="李鹏" data-tel="010-" data-address="北京市朝阳区豆各庄乡黄厂南里大鲁店北路1号院A9楼地下1层">又一城A区管理处</option>
                                        <option value="27" data-linkman="李鹏" data-tel="010-" data-address="北京市朝阳区豆各庄乡大鲁店北路黄厂南里2号院B10楼">富力又一城B区管理处</option>
                                        <option value="28" data-linkman="李志宏" data-tel="010-" data-address="北京市海淀区西三旗建材城东里富力桃园小区B19单元地下1层">富力桃园管理处</option>
                                        <option value="29" data-linkman="陈维" data-tel="010-" data-address="北京市顺义区马坡镇顺安南路12号院会所地下1层">富力湾管理处</option>
                                        <option value="30" data-linkman="陈志茂" data-tel="010-" data-address="朝阳区常营中路2号院">阳光美园管理处</option>
                                        <option value="31" data-linkman="吴迅" data-tel="010-" data-address="北京市大兴区庞各庄瓜乡桥向西500米">丹麦小镇管理处</option>
                                        <option value="35" data-linkman="暂无" data-tel="暂无" data-address="北京朝阳区">富力家园管理处</option>
                                        <option value="36" data-linkman="黄宣" data-tel="13681230456" data-address="河北省廊坊市香河县蒋辛屯镇大香线东侧">北京恒富物业服务有限公司香河分公司</option>
                                    </select>
                                </td>
                            </tr>
                            <tr>
                                <td class="text-right">负责人：</td>
                                <td>黄宣</td>
                                <td class="text-right">联系电话：</td>
                                <td>13681230456</td>
                            </tr>
                            <tr>
                                <td class="text-right">管理处：</td>
                                <td colspan="3">河北省廊坊市香河县蒋辛屯镇大香线东侧</td>
                            </tr>

                            <tr>
                                <td colspan="4">
                                    <h5 style="padding: 10px; background: #f8f8f8;">开发商公司信息</h5>
                                </td>
                            </tr>
                            <tr>
                                <td class="text-right"><span class="text-danger">* </span>开发商：</td>
                                <td>
                                    <input type="text" class="form-control" value="">
                                </td>
                                <td class="text-right"><span class="text-danger">* </span>负责人：</td>
                                <td>
                                    <input type="text" class="form-control" value="">
                                </td>
                            </tr>
                            <tr>
                                <td class="text-right"><span class="text-danger">* </span>联系人：</td>
                                <td>
                                    <input type="text" class="form-control" value="">
                                </td>
                                <td class="text-right"><span class="text-danger">* </span>手机号码：</td>
                                <td>
                                    <input type="text" class="form-control" value="">
                                </td>
                            </tr>
                            <tr>
                                <td class="text-right">联系地址：</td>
                                <td colspan="3">
                                    <input type="text" class="form-control" value="">
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary demo2">保存</button>
                </div>
            </div>
        </div>
    </div>
    <!--/创建项目-->

    <!--修改项目基本信息-->
    <div class="modal fade" id="modal-job" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
        <div class="modal-dialog" style="width:1100px;">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h5 class="modal-title">修改项目基本信息</h5>
                </div>
                <div class="modal-body">
                    <table class="detailsMain table table-bordered">
                        <tbody>                            
                            <tr>
                                <th>公司名称：</th>
                                <td>北京公司</td>
                                <th>服务中心：</th>
                                <td>北京富力家园服务中心</td>
                                <th>项目名称：</th>
                                <td>北京富力家园</td>
                            </tr>
                            <!--<tr>
                                <th class="text-right"><span class="text-danger">* </span>项目联系地址：</th>
                                <td colspan="3">
                                    <select class="select-inline">
                                        <option value="">请选择城市</option>
                                        <option value="1">北京</option>
                                        <option value="2">上海</option>
                                        <option value="3">广州</option>
                                        <option value="4">深圳</option>
                                        <option value="11">河北</option>
                                        <option value="12">天津</option>
                                        <option value="14">中山</option>
                                    </select>
                                    <select class="select-inline">
                                        <option value="">请选择区域</option>
                                    </select>
                                    <input type="text" class="form-control" value="北京市朝阳区东三环中路63号楼21层">
                                </td>
                            </tr>-->
                            <tr>
                                <th><span class="text-danger">* </span>项目联系地址：</th>
                                <td colspan="5"><input type="text" class="form-control" value="北京市朝阳区东三环中路63号楼21层"></td>
                            </tr>
                            <tr>
                                <th><span class="text-danger">* </span>项目联系电话：</th>
                                <td colspan="5"><input type="text" class="form-control" value="010-89250106 010-89250108"></td>
                            </tr>
                            <tr>
                                <th><span class="text-danger">* </span>开发商公司名称：</th>
                                <td colspan="6"><input type="text" class="form-control" value="北京富力城房地产开发有限公司"></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary demo2">保存</button>
                </div>
            </div>
        </div>
    </div>
    <!--/修改项目基本信息-->
    <!-- 全局js -->
    <script src="js/jquery.min.js?v=2.1.4"></script>

    <script src="js/bootstrap.min.js?v=3.3.6"></script>

    <script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>

    <!-- 自定义js -->
    <script src="js/content.js?v=1.0.0"></script>
    <script src="js/common.js"></script>

    <!-- jsTree plugin javascript -->
    <script src="js/plugins/jsTree/jstree.min.js"></script>

    <style>
        .jstree-open > .jstree-anchor > .fa-folder:before {
            content: "\f07c";
        }

        .jstree-default .jstree-icon.none {
            width: 0;
        }
    </style>
    <!--控制页面树元素-->
    <script>
        $(document).ready(function () {
            function demo_rename() {
                var ref = $('#jstree2').jstree(true),
                    sel = ref.get_selected();
                if (!sel.length) { return false; }
                sel = sel[0];
                ref.edit(sel);
            };
            $('#jstree2').jstree({
                'core': {
                    'check_callback': true
                },
                'plugins': ['types', 'dnd'],
                'types': {
                    'default': {
                        'icon': 'fa fa-folder'
                    },
                    'html': {
                        'icon': 'fa fa-file-code-o'
                    },
                    'svg': {
                        'icon': 'fa fa-file-picture-o'
                    },
                    'css': {
                        'icon': 'fa fa-file-code-o'
                    },
                    'img': {
                        'icon': 'fa fa-file-image-o'
                    },
                    'son': {
                        'icon': 'fa fa-file-text-o'
                    }

                }
            });
        });


    </script>
    <script>
        $(document).ready(function () {
            function demo_rename() {
                var ref = $('#jstree3').jstree(true),
                    sel = ref.get_selected();
                if (!sel.length) { return false; }
                sel = sel[0];
                ref.edit(sel);
            };
            $('#jstree3').jstree({
                'core': {
                    'check_callback': true
                },
                'plugins': ['types', 'dnd'],
                'types': {
                    'default': {
                        'icon': 'fa fa-folder'
                    },
                    'html': {
                        'icon': 'fa fa-file-code-o'
                    },
                    'svg': {
                        'icon': 'fa fa-file-picture-o'
                    },
                    'css': {
                        'icon': 'fa fa-file-code-o'
                    },
                    'img': {
                        'icon': 'fa fa-file-image-o'
                    },
                    'son': {
                        'icon': 'fa fa-file-text-o'
                    }

                }
            });
        });


    </script>
    <!-- 自定义js -->
    <script src="js/content.js?v=1.0.0"></script>
    <script type="text/javascript">
        //--动画效果--
        $(document).ready(function () {
            $('.contact-box').each(function () {
                animationHover(this, 'pulse');
            });
        });

        function tabActive() {
            $('#myTab a[href="#tab-2"]').tab('show');
        }
        function tabActive1() {
            $('#myTab a[href="#tab-1"]').tab('show');
        }
    </script>


    <!-- Sweet alert -->
    <script src="js/plugins/sweetalert/sweetalert.min.js"></script>
    <script>
        //-- 保存成功弹框--
        $('.demo2').click(function () {
            swal({
                title: "保存成功！",
                type: "success"
            });
        });
    </script>
</body>

</html>
